<template>
  <div>
    <RightList :list = "list" @select = handleClick />
  </div>
</template>

<script>
import RightList from './RightList'
  export default {
    data() {
      return {
        list:[
          {name:"a",isSelect:false},
          {name:"b",isSelect:true,children:[
            {name:"b-1",isSelect:false},
            {name:"b-2",isSelect:false},
            {name:"b-3",isSelect:false,children:[
              {name:"b-3-1",isSelect:true},
              {name:"b-3-2",isSelect:false},
              {name:"b-3-3",isSelect:false}
            ]},
          ]},
          {name:"c",isSelect:false},
          {name:"d",isSelect:false},
        ]
      }
    },
    methods: {
      handleClick(item){
        console.log(item);
      }
    },
    components:{
      RightList
    }
  }
</script>

<style lang="less" scoped>

</style>